<%@ page contentType="text/html; charset=UTF-8" language="java" %>

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>MLOQ - 登录</title>
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/layui/css/layui.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/login.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
    </script>

</head>

<body class="signin">
 <style type="text/css">


#sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9
{
position:absolute; height:1; width:1; font-family:arial black; font-size:9px; color:#FFFFAA; z-index:10;
}

</style>

<SCRIPT LANGUAGE="JavaScript1.2">
<!--

/*
Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com)
Featured on Dynamicdrive.com
For full source and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/

var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1));
//my way of making sure the browser will have what I need

var allDivs      = new Array(10);
var documentWidth,documentHeight;

function initAll(){
	if(!ns && !ie && !w3)	return;

	for(dNum=0; dNum<10; ++dNum){
		if(ie)		allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');
		else if(ns)	allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]');
		else if(w3)	allDivs[dNum]=eval('document.getElementById("sDiv'+dNum+'").style');
		moveTo(dNum,0,0);
	}		
}

function moveTo(i,tempx,tempy){
	if (ie){
		documentWidth  =document.body.offsetWidth+document.body.scrollLeft-20;
		randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20;
	}
	else if (ns){
		documentWidth=window.innerWidth+window.pageXOffset-20;
		randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20;
	}
	else if (w3){
		documentWidth=self.innerWidth+window.pageXOffset-20;
		randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20;
	}

	if(tempx>-50){
		tempx-=45;
		allDivs[i].left=tempx;
		allDivs[i].top =tempy;
		setTimeout("moveTo("+i+","+tempx+","+tempy+")",40)
	}
	else
		setTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40);
}

window.onload=initAll
//End-->
</script>
<div id="sDiv0">*</div>
<div id="sDiv1">*</div>
<div id="sDiv2">*</div>
<div id="sDiv3">*</div>
<div id="sDiv4">*</div>
<div id="sDiv5">*</div>
<div id="sDiv6">*</div>
<div id="sDiv7">*</div>
<div id="sDiv8">*</div>
<div id="sDiv9">*</div>

<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <h1>[ MLOQ ]</h1>
                </div>
                <div class="m-b"></div>
                <h4>两情若是久长时 <strong>又岂在朝朝暮暮</strong></h4>
                <ul class="m-b">
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 死生契阔</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 与子成说</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 执子之手</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 与子偕老</li>
                </ul>
            </div>
        </div>
        <div class="col-sm-5" >
            <form method="post" action="login">
                <h4 class="no-margins">登录：</h4>
                <p class="m-t-md">登录到MLOQ后台</p>
                <input type="text" class="form-control uname" placeholder="用户名" name="loginname" value="${cookie['loginName'].value}" />
                <input type="password" class="form-control pword m-b" placeholder="密码" name="password" />
                <input type="checkbox" style="color:red" id="ishave" name="ishave" value="remember" ${cookie['remember'].value}/>&nbsp;记住账号
                <button class="btn btn-success btn-block">登录</button>
            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
           ©MLOP | 2018 |<a href="http://www.beian.miit.gov.cn" style="color:#fff;">蜀ICP备19020814号</a>
        </div>
    </div>
</div>
</body>

</html>

